<template>
  <div style="width: 100%; height: 100%;">
    <div class="treeHeader">
      <Tabs v-model="tabsVal">
        <TabPane :label="$t('m.dàifēnpèi')" name="name1">
          <WaitAllocation :tabsVal="tabsVal" />
        </TabPane>
        <TabPane :label="$t('m.yǐfēnpèikěhuíshōu')" name="name2">
          <AlreadyAllocation :tabsVal="tabsVal" />
        </TabPane>
      </Tabs>
    </div>
  </div>
</template>

<script>
import AlreadyAllocation from './alreadyAllocation';
import WaitAllocation from './waitAllocation';

export default {
  components: {
    WaitAllocation,
    AlreadyAllocation,
  },
  data() {
    return {
      tabsVal: '',
    }
  },
  mounted() {
    this.tabsVal = 'name1';
  },
};
</script>

<style lang="scss" scoped>
.treeHeader {
  // margin: 0 px;
  padding-top: 20px;
}
.treeHeader >>> .ivu-tabs-bar{
    margin: 0px 22px;
}
</style>
